<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>


<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="itheima" uri="http://itcast.cn/common/"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<%
	request.setCharacterEncoding("utf-8");
	response.setCharacterEncoding("utf-8");
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	
	System.out.println(basePath);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>客户列表-BootCRM</title>

<!-- Bootstrap Core CSS -->
<link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="<%=basePath%>css/metisMenu.min.css" rel="stylesheet">

<!-- DataTables CSS -->
<link href="<%=basePath%>css/dataTables.bootstrap.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="<%=basePath%>css/sb-admin-2.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="<%=basePath%>css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="<%=basePath%>css/boot-crm.css" rel="stylesheet"
	type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<style>
a {
	font-size: 18px;
}
</style>
<body>



	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="index.html">办公自动化系统 v1.0</a>
		</div>
		<!-- /.navbar-header -->



		<ul class="nav nav-tabs navbar-left">
			<li><a href="Main">首页</a></li>
			<li>
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown">业务管理 <span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="Approve">业务审批</a></li>
						<li><a href="Application">业务申请</a></li>
						<li><a href="ApplicationFind">业务查看</a></li>
					</ul></li>
				<li><a href="yuangong">员工管理</a></li>
				<li><a href="organization">部门管理</a></li>
				<li class="dropdown" class="active"><a class="dropdown-toggle"
					data-toggle="dropdown">会议管理 <span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="HuiYiAnPai">会议查看</a></li>
						<li><a href="HuiYiAnPaiSecond">会议申请记录</a></li>
					</ul></li>
				<li><a href="Addresslist">通讯簿</a></li>
				<li><a href="GongWen">公文管理</a></li>

				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown">公告管理<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="GongGao">公告查看</a></li>
						<li><a href="GongGaoNew">新建公告</a></li>
					</ul></li>
		</ul>
		<ul class="nav navbar-top-links navbar-right">
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-envelope fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-messages">
					<li><a href="#">
							<div>
								<strong>令狐冲</strong> <span class="pull-right text-muted">
									<em>昨天</em>
								</span>
							</div>
							<div>今天晚上向大哥找我吃饭，讨论一下去梅庄的事...</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看全部消息</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-messages --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-tasks fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-tasks">
					<li><a href="#">
							<div>
								<p>
									<strong>任务 1</strong> <span class="pull-right text-muted">完成40%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-success"
										role="progressbar" aria-valuenow="40" aria-valuemin="0"
										aria-valuemax="100" style="width: 40%">
										<span class="sr-only">完成40%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<p>
									<strong>任务 2</strong> <span class="pull-right text-muted">完成20%</span>
								</p>
								<div class="progress progress-striped active">
									<div class="progress-bar progress-bar-info" role="progressbar"
										aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"
										style="width: 20%">
										<span class="sr-only">完成20%</span>
									</div>
								</div>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有任务</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-tasks --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-alerts">
					<li><a href="#">
							<div>
								<i class="fa fa-comment fa-fw"></i> 新回复 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-envelope fa-fw"></i> 新消息 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-tasks fa-fw"></i> 新任务 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a href="#">
							<div>
								<i class="fa fa-upload fa-fw"></i> 服务器重启 <span
									class="pull-right text-muted small">4分钟之前</span>
							</div>
					</a></li>
					<li class="divider"></li>
					<li><a class="text-center" href="#"> <strong>查看所有提醒</strong>
							<i class="fa fa-angle-right"></i>
					</a></li>
				</ul> <!-- /.dropdown-alerts --></li>
			<!-- /.dropdown -->
			<li class="dropdown"><a class="dropdown-toggle"
				data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
					<i class="fa fa-caret-down"></i>
			</a>
				<ul class="dropdown-menu dropdown-user">
					<li><a href="#"><i class="fa fa-user fa-fw"></i> 用户设置</a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i> 系统设置</a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工姓名：<%=request.getSession().getAttribute("ygname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>员工工号：<%=request.getSession().getAttribute("ygid")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>用户名：<%=request.getSession().getAttribute("loginname")%></a></li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>职位：<%=request.getSession().getAttribute("zhiwei")%></a>
					</li>
					<li><a href="#"><i class="fa fa-gear fa-fw"></i>部门：<%=request.getSession().getAttribute("organziation")%>

							</a></li>
					<li class="divider"></li>
					<li><a href="tologin"><i class="fa fa-sign-out fa-fw"></i>
							退出登录</a></li>
				</ul> <!-- /.dropdown-user --></li>
			<!-- /.dropdown -->
		</ul>
		<!-- /.navbar-top-links -->

		<div class="navbar-default sidebar" role="navigation">
			<div class="sidebar-nav navbar-collapse">
				<ul class="nav" id="side-menu">
					<li class="sidebar-search">
						<div class="input-group custom-search-form">
							<input type="text" class="form-control" placeholder="查询内容...">
							<span class="input-group-btn">
								<button class="btn btn-default" type="button">
									<i class="fa fa-search" style="padding: 3px 0 3px 0;"></i>
								</button>
							</span>
						</div> <!-- /input-group -->
					</li>
					<li><a href="HuiYiAnPai" class="active"><i
							class="fa fa-edit fa-fw"></i>会议查看</a></li>
					<li><a href="HuiYiAnPaiSecond" class="active"><i
							class="fa fa-edit fa-fw"></i>会议申请记录</a></li>

				</ul>
			</div>
			<!-- /.sidebar-collapse -->
		</div>
		<!-- /.navbar-static-side --> </nav>


		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h1 class="page-header">会议查看</h1>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-12">

					<div class="panel panel-default">
						<div class="panel-heading">会议查看</div>

						<!-- /.panel-heading -->
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>ID</th>
									<th>申请表编号</th>
									<th>召集人</th>
									<th>协办部门</th>

									<th>申请时间</th>
									<th>会议时间</th>
									<th>到会人员</th>
									<th>会议详情</th>
									<th>会议地点</th>
									<th>延期</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${page.rows}" var="row">
									<tr>
										<td width="80px">&nbsp;&nbsp;&nbsp;<input type="checkbox"
											name="chcs" value="${row.id}" />&nbsp;&nbsp;&nbsp;&nbsp;${row.id}
										</td>
										<td>${row.applicant_number}</td>
										<td>${row.meetman}</td>

										<td>${row.meetorganization}</td>

										<td><fmt:formatDate value="${row.appdate}"
												pattern="yyyy-MM-dd HH:mm:ss" /></td>

										<td><fmt:formatDate value="${row.meetdate}"
												pattern="yyyy-MM-dd HH:mm:ss" /></td>
										<td>${row.joinpeople}<a href="#"
											class="btn btn-primary btn-xs"
											data-target="#joinpeopleDialog" data-toggle="modal"
											onclick="joinpeople(${row.id})">添加会议人员</td>

										<td>${row.meetmain}</td>
										<td>${row.meetarea}</td>

										<td><a href="#" class="btn btn-primary btn-xs"
											data-toggle="modal" data-target="#updateMeetingDialog"
											onclick="editupdateMeeting(${row.id})">修改会议</a></td>


										<td>
														<a href="#" class="btn btn-danger btn-xs"
														onclick="deleteMeeting(this)">撤销会议</a>
												
													
												</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
						<div class="col-md-12 text-right">
							<itheima:page url="${pageContext.request.contextPath }/Meeting" />
						</div>

					</div>

				</div>
			</div>
		</div>

	</div>
	<!-- 修改会议 -->
	<div class="modal fade" id="updateMeetingDialog" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改会议</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="updateMeetingForm">
						<input type="hidden" id="id" name="id" />

						<div class="form-group">
							<label for="mainupdate" class="col-sm-2 control-label">业务详情</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="mainupdate"
									placeholder="业务详情" name="meetmain">
							</div>
						</div>

						<div class="form-group">
							<label for="meettimeupdate" class="col-sm-2 control-label">会议时间</label>
							<div class="col-sm-10">
								<input class="form-control" id="meettimeupdate1"
									name="meetdate1" type="datetime-local" /> 
									<input type="hidden"
									class="form-control" id="meettimeupdate" name="meetdate" />



							</div>
						</div>
						<div class="form-group">
							<label for="meetareaupdate" class="col-sm-2 control-label">会议地点</label>
							<div class="col-sm-10">

								<select class="form-control" id="meetareaupdate" name="meetarea">
									<option value=" ">--请选择--</option>
									<c:forEach items="${meetingroom}" var="item">

										<option value="${item.placeid} ${item.placename}"
											<c:if test="${item.id== meetarea}"> selected</c:if>>${item.placeid}
											${item.placename}</option>
									</c:forEach>
								</select>
							
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"
						onclick="saveUpdate()">保存修改</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 添加参会人员 -->
	<div class="modal fade" id="joinpeopleDialog" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">

					<h4 class="modal-title" id="myModalLabel">添加员工</h4>
				</div>
				<div class="modal-body">

					<form class="form-horizontal" id="joinpeopleForm">

						</tbody>
						</table>
					</form>
				</div>
				<div class="modal-footer">
					<a href="HuiYiAnPai" class="btn btn-default">关闭</a>
					<!-- <button class="btn btn-default" data-dismiss="modal" onclick="close()">关闭</button> -->

					<button type="button" class="btn btn-primary" onclick="savejoin()">添加人员</button>
				</div>
			</div>
		</div>
	</div>


</body>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<!-- Bootstrap Core JavaScript -->
<script type="text/javascript" src="<%=basePath%>js/bootstrap.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/bootstrapValidator.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script type="text/javascript" src="<%=basePath%>js/metisMenu.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/Meeting.js"></script>

<!-- DataTables JavaScript -->
<script type="text/javascript"
	src="<%=basePath%>js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/dataTables.bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script type="text/javascript" src="<%=basePath%>js/sb-admin-2.js"></script>

<!-- Bootstrap Core CSS -->


<script language="JavaScript">
	 function savejoin(){
		
		 var inputs = document.getElementsByName('boxx');
		 var array=new Array(inputs.length-1);
		 for(var i = 0; i<inputs.length; i++){
		 var obj = inputs[i];
		// alert(inputs[i].value);
		 if(obj.type == 'checkbox'){
		 if(obj.checked == true){
	     
	     array[i]=inputs[i].value;
		
		 
		 }
		 }
		 }

		 var mid="<%=request.getSession().getAttribute("mid")%>";
		
		 

		 var jsonString = JSON.stringify(array);
		    $.ajax({
		         type: "POST",
		         url: "<%=basePath%>HuiYiAnPai/savejoin.action",
		         data: {array:array,'mid':mid},
		         cache: false,
				 traditional:true,
		         success: function(){
		        	 alert("添加人员成功！");
		 			window.location.reload();
		         }
		     });}
	





</script>

</html>
